<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>Sortable--Angular--a</title>
    <meta name="keywords" content="sortable, reorder, list, javascript, html5, drag and drop, dnd, animation, groups, angular, ng-sortable, react, mixin, effects, rubaxa"/>
    <meta name="description" content="Sortable - is a minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React and any CSS library, e.g. Bootstrap."/>
    <meta name="viewport" content="width=device-width, initial-scale=0.5"/>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
    <link href="css/multi.css" rel="stylesheet" type="text/css"/>
    <script src="js/Sortable.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-legacy-sortable.js"></script>
    <script src="js/angularApp.js"></script>
</head>
<body style="overflow-x: hidden" ng-app="sortApp">
   <div ng-controller="sortController" >
       <div class="pull-right"> <i class="glyphicon glyphicon-search"></i></div>
       <div style="position: relative;" ng-sortable="sortableConfig">
          <div class="tile" ng-repeat="obj in datas">
              <div class="tile__name" >
                    <span style="margin-left:20px; font-size:14px;" >{{ obj.name }}</span>
                 </div>
              <ul class="tile__list list-inline" >
                     <li class="tile_list_item text-center" ng-repeat="item in obj.item">
                        <h3>{{item.text}}</h3>
                        <img src="st/datacenter.png" />
                     </li>
                 </ul>
          </div>
       </div>
   </div>
</body>
</html>